<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>轮播-2</title>

    <style>
        .fi ul li {
            position: relative;
        }
        /* 放缩浏览器，图片高度始终不变， 是不让小屏幕用户看见图片左右两边的超宽区域，如腾讯视频*/
        .fx ul li img {
            position: absolute;
            top: 0;
            /* 让左边线居中 */
            left: 50%;
            /* 为自己高度的负一半 */
            margin-left: -810px;

        }
    </style>
</head>

<body>
    <div class="fx">
        <ul>
            <li>
                <img src="image/lb-mfw.png" alt="">
            </li>
        </ul>
    </div>
</body>

</html>